$(document).ready(function() {
	$.getJSON(baseUrl + 'userTree', function(data) {
		var lishtml = "";
		for (var i = 0; i < data.data.length; i++) {
			var item = data.data[i];
			if (item.children.length == 0) {
				lishtml += '<li><a href="#" data-url="' + baseUrl + item.resourceUrl + '">';
				lishtml += '<i class="' + item.icon + '"></i>' + item.resourceName + '</a></li>';
			} else {
				lishtml += '<li class="has_sub"><a href="#"><i class="' + item.icon + '"></i>';
				lishtml += item.resourceName;
				lishtml += '<span class="pull-right"><i class="icon-chevron-right"></i></span>';
				lishtml += '</a><ul>';
				for (var ii = 0; ii < item.children.length; ii++) {
					lishtml += '<li>';
					lishtml += '<a href="#" data-url="' + item.children[ii].resourceUrl + '">' + item.children[ii].resourceName + '</a>';
					lishtml += '</li>';
				}
				lishtml += '</ul></li>';
			}

		}
		$("#nav").html(lishtml);
		putHeight();
		leftClick();
	});
	putHeight();
	leftClick();
});
function leftClick() {
	$("#nav > li > a").on('click', function(e) {
		if ($(this).parent().hasClass("has_sub")) {
			e.preventDefault();
		}
		$("#nav").children("li").each(function() {
			if ($(this).children("a").length > 0 && $(this).children("a").hasClass("open")) {
				$(this).children("a").removeClass("open");
			}
		});
		$(this).addClass("open");
		if (!$(this).hasClass("subdrop")) {
			$("#nav li ul").slideUp(350);
			$(this).next("ul").slideDown(350);
		} else if ($(this).hasClass("subdrop")) {
			$(this).next("ul").slideUp(350);
		}
		if ($(this).parent().children("ul").length == 0) {
			var url = $(this).data("url");
			putiframe(url)
		}
	});
	$("#nav > li > ul > li > a").on('click', function(e) {
		var url = $(this).data("url");
		putiframe(url);
	});
}
function putHeight() {
	var height = $(window).height();
	$(".sidebar").height(height - 50);
	$(".mainbar").height(height - 50);
}

function putiframe(url) {
	$("#main-frame").attr("src", baseUrl + url);
}